<template>
    <div>
        <p>{{ username }}</p>
        <p>{{ userpasswd }}</p>
    </div>
</template>

<script>
export default {
    name: 'axios-post',
    data() {
        return {
            username: 'zhangsan',
            userpasswd: '123456'
        };
    },
    // 加载该组件的时候调用
    created() {
        axios({
            // =========================
            // data_form的方式
            // =========================
            // headers: {
            //     'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
            // },

            // =========================
            // json的方式
            // =========================
            headers: {
                'Content-Type': 'application/json'
            },
            url: 'http://localhost:5000/post-json',
            method: 'post',
            data: {
                username: this.username,
                userpasswd: this.userpasswd
            }
        })
            .then(function(response) {
                console.log(response);
            })
            .catch(function(error) {
                console.log(error);
            });
    }
};
</script>

<style></style>
